$tab-bg: #F5F5F5;
$color-tag: rgba(40,40,40,1);
.title-name-class{
    min-width: calc(1.2rem + .2rem);
    font-size: .287rem;
    color: $color-text-regular;
}
.list-item-margin{
    margin-bottom: .2rem;    
}
._box{
    padding: .4rem .24rem .4rem .24rem;
    margin-bottom: .2rem;
    background-color:#fff;
    .tag-group{
        @extend .list-item-margin;
        margin-bottom: .2rem;
        .title-name{
            @extend .title-name-class;
        }
        .list{
            .tag-name{
                display: inline-block;
                color: $color-tag;
                background: $tab-bg;
                border-radius: .1rem;
                font-size: .24rem;
                line-height: .48rem;
                padding: .0px .16rem;
                margin-bottom: .2rem;
                margin-right: .16rem;
            }
        }
    }
    .list-item{
        @extend .list-item-margin;
        .title-name{
            @extend .title-name-class;
        }
        .text{
            color: $color-text-primary;
            font-size: .28rem;
        }
    }
    .work-history-box{
        @extend .list-item-margin;
        .title-name{
            @extend .title-name-class;
        }
        .list{
            .name{
                font-size: .28rem;
            }
            .time{
                font-size: .26rem;
                color: $color-text-regular;
                margin-bottom: .14rem;
                &:nth-last-child(1){
                    margin-bottom: 0px;
                }
            }
        }
    }
}